<template>
  <div class="hander-box">
    <!-- <van-nav-bar
      title=""
      :left-arrow="isshow"
      @click-left="onClickLeft"
      safe-area-inset-top
    /> -->
    <div class="school-info">
      <img
        src="../assets/logo.png"
        alt="西南石油大学校徽"
        class="school-logo"
      />
      <img
        src="../assets/chuifengji.png"
        alt="西南石油大学校徽"
        class="school-logo-right"
      />
    </div>
  </div>
</template>

<script setup>
import { ref, reactive, toRefs, onMounted, computed } from "vue";
import { useRoute, useRouter } from "vue-router";

const props = defineProps({
  isshow: {
    type: Boolean, // 类型为布尔值
    default: true, // 默认值为 true
  },
});

const route = useRoute();
const router = useRouter();

const onClickLeft = () => {
  router.go(-1);
};

onMounted(() => {});
</script>
<style scoped lang="scss">
.hander-box {
  margin-bottom: 30px;

  :deep(.van-nav-bar) {
    background: #47bc91;
  }

  :deep(.van-nav-bar__title) {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
  }

  :deep(.van-nav-bar .van-icon) {
    color: #fff;
    font-size: 20px;
  }

  :deep(.van-hairline--bottom:after) {
    border-bottom-width: 0px;
  }

  .school-info {
    position: relative;
    box-sizing: border-box;
    padding-top: 35px;

    .school-logo {
      width: 60%;
      height: 30px;
      padding-left: 19px;
      // margin-top: 35px;
    }

    .school-logo-right {
      width: 120px;
      position: absolute;
      right: 20px;
      // top: -25px;
      top: 10px;
    }
  }
}
</style>
